 <!-- 固定底部 -->
 <div class="aui-footer aui-footer-fixed">
    <a href="/" class="aui-tabBar-item {if $foot_nav_index eq '1'} aui-tabBar-item-active {/if}">
        <span class="aui-tabBar-item-icon"> <i class="icon icon-loan"></i></span>
        <span class="aui-tabBar-item-text" style="font-size:14px">首页</span>
    </a>
    <a href="{:url('/index/notice/index')}" class="aui-tabBar-item {if $foot_nav_index eq '2'} aui-tabBar-item-active {/if}">
        <span class="aui-tabBar-item-icon">
            <i class="icon icon-credit"></i>
        </span>
        <span class="aui-tabBar-item-text" style="font-size:14px">重要通知</span>
    </a>
    <a href="https://store.weixin.qq.com/shop/b/Vpr1pcHCScCo1ug?entrance_id=h5" target="_blank"
        class="aui-tabBar-item  {if $foot_nav_index eq '2'} aui-tabBar-item-active {/if} ">
        <span class="aui-tabBar-item-icon">
            <i class="icon icon-ions"></i>
        </span>
        <span class="aui-tabBar-item-text" style="font-size:14px">轻创优品</span>
    </a>
    <a href="/index/team/index" class="aui-tabBar-item   {if $foot_nav_index eq '4'} aui-tabBar-item-active {/if} ">
        <span class="aui-tabBar-item-icon">
            <i class="icon icon-pic"></i>
        </span>
        <span class="aui-tabBar-item-text" style="font-size:14px">我的团队</span>
    </a>
    <a href="/index/user/index" class="aui-tabBar-item  {if $foot_nav_index eq '5'} aui-tabBar-item-active {/if} ">
        <span class="aui-tabBar-item-icon">
            <i class="icon icon-info"></i>
        </span>
        <span class="aui-tabBar-item-text" style="font-size:14px">我的</span>
    </a>
</div>


<style>
    .icon {
        width: 20px;
        height: 20px;
        display: block;
        border: none;
        float: left;
        background-size: 20px;
        background-repeat: no-repeat;
    }

    .aui-footer {
        width: 100%;
        position: relative;
        z-index: 100;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 7px 5px 7px 5px;
        background: #f8f8f8;
    }

    .aui-tabBar-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #979797;
    }

    .aui-tabBar-item-text {
        display: inline-block;
        /* font-size: 0.65rem;*/
        color: #999999;
        padding-top: 2px;
    }

    .aui-tabBar-item-active .aui-tabBar-item-text {
        color: #fe742b;
    }



    .icon-loan {
        background-image: url('');
    }

    .icon-credit {
        background-image: url('');
    }

    .icon-ions {
        background-image: url('');
    }

    .icon-pic {
        background-image: url('');

    }

    .icon-info {
        background-image: url('');
    }

    .aui-footer-fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 49;
    }
</style>
<!-- 固定底部end -->